<script setup>

</script>

<template>
    <div><img src="../../assets/img/share-black.png"></div>
</template>

<style lang='less' scoped>
        div{
        padding: 2px!important;
        width: 20px!important;
        height: 20px!important;
        cursor: pointer;
        position: relative;
        &:hover{
            background-color: #ddd;
            border-radius: 60%;
        }
        img{
            display: block;
            width: 90%;
            height: 90%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    }

</style>